<template>
    <view @tap="__e" class="action-sheets mask" :data-event-opts="[['tap', [['visibleChange', ['$event']]]]]" v-if="visible">
        <view @tap.stop.prevent="__e" class="result-content" :data-event-opts="[['tap', [['', ['$event']]]]]">
            <view class="title border-bottom">{{ title }}</view>
            <view class="result-list safe-area-bottom">
                <view
                    @tap="__e"
                    class="result-item border-bottom"
                    :data-event-opts="[['tap', [['handleClick', ['$event']]]]]"
                    :data-index="index"
                    hoverClass="hover"
                    v-for="(item, index) in list"
                    :key="index"
                >
                    {{ item }}
                </view>
                <view @tap="__e" class="cancel-btn red" :data-event-opts="[['tap', [['visibleChange', ['$event']]]]]">取消</view>
            </view>
        </view>
    </view>
</template>

<script>
import tabBar from '@/components/TabBar/tabBar';
(global.webpackJsonp = global.webpackJsonp || []).push([
    ['components/ActionSheet/index'],
    {
        '0421': function (e, n, t) {
            'use strict';

            t.r(n);
            var o = t('3746');
            var c = t.n(o);
            for (var i in o) {
                if (['default'].indexOf(i) < 0) {
                    (function (e) {
                        t.d(n, e, function () {
                            return o[e];
                        });
                    })(i);
                }
            }
            n.default = c.a;
        },
        3746: function (e, n, t) {
            'use strict';

            Object.defineProperty(n, '__esModule', {
                value: true
            });
            n.default = void 0;
            var o = {
                name: 'ActionSheet',
                props: {
                    visible: {
                        type: Boolean,
                        default: false
                    },
                    list: {
                        type: Array,
                        default: function () {
                            return [];
                        }
                    },
                    title: {
                        type: String,
                        default: '标题'
                    }
                },
                methods: {
                    handleClick: function (e) {
                        this.$emit('change', e.currentTarget.dataset.index);
                    },
                    visibleChange: function () {
                        this.$emit('visibleChange');
                    }
                }
            };
            n.default = o;
        },
        '64e9': function (e, n, t) {
            'use strict';

            var o = t('c72b');
            t.n(o).a;
        },
        c72b: function (e, n, t) {},
        ee2c: function (e, n, t) {
            'use strict';

            t.d(n, 'b', function () {
                return o;
            });
            t.d(n, 'c', function () {
                return c;
            });
            t.d(n, 'a', function () {});
            var o = function () {
                this.$createElement;
                this._self._c;
            };
            var c = [];
        },
        fbfb: function (e, n, t) {
            'use strict';

            t.r(n);
            var o = t('ee2c');
            var c = t('0421');
            for (var i in c) {
                if (['default'].indexOf(i) < 0) {
                    (function (e) {
                        t.d(n, e, function () {
                            return c[e];
                        });
                    })(i);
                }
            }
            t('64e9');
            var a = t('f0c5');
            var u = Object(a.a)(c.default, o.b, o.c, false, null, null, null, false, o.a, void 0);
            n.default = u.exports;
        }
    }
]);
(global.webpackJsonp = global.webpackJsonp || []).push([
    'components/ActionSheet/index-create-component',
    {
        'components/ActionSheet/index-create-component': function (e, n, t) {
            t('543d').createComponent(t('fbfb'));
        }
    },
    [['components/ActionSheet/index-create-component']]
]);
</script>
<style>
@import './index.css';
</style>
